<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <script type="text/javascript">
      // 资源的加载

      function loadImg() {
        return new Promise((res, rej) => {
          let src = "https://gimg2.baidu";
          let img = new Image();
          img.src = src;
          img.onload = function () {
            // 加载成功
            // 把图片添加到dom里；
            // document.body.appendChild(img);
            res(this);
          };
          img.onerror = function () {
            // console.log("加载失败");
            rej("加载失败111");
          };
        });
      }

      // catch 可以把整个then链上的错误捕捉到 然后输出；
      loadImg()
        .then((res) => {
          document.body.appendChild(res);
        })
        .catch((err) => {
          console.log(err);
        });
    </script>
  </body>
</html>
